﻿<style>
    .ng-invalid-pattern {
        border: 1px solid #f00;
    }
</style>

<div class="bg-light lter b-b wrapper-md">
    <h1 class="m-n font-thin h3">实名认证</h1>
</div>
<div class="wrapper-md" ng-controller="userEditCtrl">
    <div class="panel panel-default">
        <div class="panel panel-default">
            <div class="panel-heading font-bold">修改</div>
            <div class="panel-body">
                <div class="panel-body">
                    <div class="form-horizontal">
                        <div class="row form-group">
                            <label class="control-label pull-left col-md-1">关键字</label>
                            <div class="col-md-2">
                                <input type="text" class="form-control" id="fa-searchz" ng-model="selectedUser.UserName" placeholder="请输入关键字" disabled>
                            </div>
                            <label class="control-label pull-left col-md-1">用户Id</label>
                            <div class="col-md-2">
                                <input type="text" class="form-control" id="fa-searchz" ng-model="selectedUser.UserId" placeholder="请输入关键字" disabled>
                            </div>
                            <label class="control-label pull-left col-md-1">车牌号</label>
                            <div class="col-md-2">
                                <input type="text" class="form-control uppercase ng-pristine ng-valid-pattern ng-valid ng-valid-required ng-touched" required="" id="fa-searchz" ng-model="selectedUser.CarCode" placeholder="请输入车牌号" name="carCode" ng-pattern="/^[\u4e00-\u9fa5]{1}[a-zA-Z]{1}[a-zA-Z_0-9]{5}$/">
                            </div>
                        </div>

                        <div class="row form-group">
                            <label class="control-label pull-left col-md-1">角色</label>
                            <div class='col-md-6'>
                                <div class="checkbox">
                                    <label class="inline m-r-xl curpoint" ng-repeat="row in RolesList">
                                        <input type="checkbox" ng-click="autClick()" name="{{row.Id}}" checklist-model="RolesCheckedList" checklist-value="row.Id"> {{row.chineseName}}
                                    </label>
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-1 control-label">实名头像</label>
                            <div class="col-md-4">
                                <div class="img-thumbnail img-borders">
                                    <img class="img-responsive" src="{{selectedUser.RealHeadImage}}" id="RealHead" style="width:128px;height:128px"/>
                                    <div class="tools tools-bottom">
                                        <b>{{RealHeadImageSatus}}</b>
                                        <div ng-hide="RealHeadUpLoad">
                                            <input type="file" id="realHead" name="realHead"  style="display: none;" />
                                            <a onclick="realHead.click()"><i class="glyphicon glyphicon-folder-open"></i></a>
                                            <a ng-click="uploaderRealHead()" id="uploaderRealHead" style="display:none">
                                                <i class="glyphicon glyphicon-upload red-remove" id="RealHeadUploadSuccess"></i>
                                            </a>
                                        </div>
                                        <div ng-show="RealHeadImageTool">
                                            <a ng-hide="clickOkPassState" ng-click="clickOkPass('RealHeadImage')">
                                                <i ng-show="clickRemovePassState" class="glyphicon glyphicon-ok-circle blue-pass"></i>
                                            </a>
                                            <a ng-show="clickOkPassState" ng-click="clickOk('RealHeadImage')">
                                                <i ng-show="clickRemovePassState" class="glyphicon glyphicon-ok"></i>
                                            </a>
                                            <a ng-hide="clickRemovePassState" ng-click="clickRemovePass('RealHeadImage')">
                                                <i ng-show="clickOkPassState" class="glyphicon glyphicon-remove-circle blue-pass"></i>
                                            </a>
                                            <a ng-show="clickRemovePassState" ng-click="clickRemove('RealHeadImage')">
                                                <i ng-show="clickOkPassState" class="glyphicon glyphicon-remove red-remove"></i>
                                            </a>

                                        </div>
                                    </div>
                                </div>
                            </div>

                            <label class="col-md-1 control-label">身份证</label>
                            <div class="col-md-4">
                                <div class="img-thumbnail img-borders">
                                    <img class="img-responsive" src="{{selectedUser.IDCardImage}}" id="IDCard" style="width:128px;height:128px"/>
                                    <div class="tools tools-bottom">
                                        <b>{{IDCardImageSatus}}</b>
                                        <div ng-hide="IDCardUpLoad">
                                            <input type="file" id="idCard" name="idCard"  style="display: none;" />
                                            <a onclick="idCard.click()"><i class="glyphicon glyphicon-folder-open"></i></a>
                                            <a ng-click="uploaderIDCard()" id="uploaderIDCardRemove" style="display:none">
                                                <i class="glyphicon glyphicon-upload red-remove" id="IDCardUploadSuccess"></i>
                                            </a>
                                        </div>
                                        <div ng-show="IDCardImageTool">
                                            <a ng-hide="clickIDCardOkPassState" ng-click="clickOkPass('IDCardImage')">
                                                <i ng-show="clickIDCardRemovePassState" class="glyphicon glyphicon-ok-circle blue-pass"></i>
                                            </a>
                                            <a ng-show="clickIDCardOkPassState" ng-click="clickOk('IDCardImage')">
                                                <i ng-show="clickIDCardRemovePassState" class="glyphicon glyphicon-ok"></i>
                                            </a>
                                            <a ng-hide="clickIDCardRemovePassState" ng-click="clickRemovePass('IDCardImage')">
                                                <i ng-show="clickIDCardOkPassState" class="glyphicon glyphicon-remove-circle blue-pass"></i>
                                            </a>
                                            <a ng-show="clickIDCardRemovePassState" ng-click="clickRemove('IDCardImage')">
                                                <i ng-show="clickIDCardOkPassState" class="glyphicon glyphicon-remove red-remove"></i>
                                            </a>

                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-md-1 control-label">驾驶证</label>
                            <div class="col-md-4">
                                <div class="img-thumbnail img-borders">
                                    <img class="img-responsive" src="{{selectedUser.DrivingLicenseImage}}" id="DrivingLicense" style="width:128px;height:128px"/>
                                    <div class="tools tools-bottom">
                                        <b>{{DrivingLicenseImageSatus}}</b>
                                        <div ng-hide="DrivingLicenseUpLoad">
                                            <input type="file" id="uploaderDriving" name="uploaderDriving"  style="display: none;" />
                                            <a onclick="uploaderDriving.click()"><i class="glyphicon glyphicon-folder-open"></i></a>
                                            <a ng-click="uploaderDrivingLicense()" id="uploaderDriveRemove" style="display:none">
                                                <i class="glyphicon glyphicon-upload red-remove" id="DrivingLicenseUploadSuccess"></i>
                                            </a>
                                        </div>
                                        <div ng-show="DrivingLicenseImageTool">
                                            <a ng-hide="clickDrivingLicenseOkPassState" ng-click="clickOkPass('DrivingLicenseImage')">
                                                <i ng-show="clickDrivingLicenseRemovePassState" class="glyphicon glyphicon-ok-circle blue-pass"></i>
                                            </a>
                                            <a ng-show="clickDrivingLicenseOkPassState" ng-click="clickOk('DrivingLicenseImage')">
                                                <i ng-show="clickDrivingLicenseRemovePassState" class="glyphicon glyphicon-ok"></i>
                                            </a>
                                            <a ng-hide="clickDrivingLicenseRemovePassState" ng-click="clickRemovePass('DrivingLicenseImage')">
                                                <i ng-show="clickDrivingLicenseOkPassState" class="glyphicon glyphicon-remove-circle blue-pass"></i>
                                            </a>
                                            <a ng-show="clickDrivingLicenseRemovePassState" ng-click="clickRemove('DrivingLicenseImage')">
                                                <i ng-show="clickDrivingLicenseOkPassState" class="glyphicon glyphicon-remove red-remove"></i>
                                            </a>

                                        </div>
                                    </div>

                                </div>
                            </div>
                            <label class="col-md-1 control-label">行驶证</label>
                            <div class="col-md-4">
                                <div class="img-thumbnail img-borders">
                                    <img class="img-responsive" src="{{selectedUser.VehicleLicenseImage}}"  id="VehicleLicense" style="width:128px;height:128px"/>
                                    <div class="tools tools-bottom">
                                        <b>{{VehicleLicenseImageSatus}}</b>
                                        <div ng-hide="VehicleLicenseUpLoad">
                                            <input type="file" id="f" name="f"  style="display: none;" />
                                            <a onclick="f.click()"><i class="glyphicon glyphicon-folder-open"></i></a>
                                            <a ng-click="uploadFileInBlocks12()" id="ssss" style="display:none">
                                                <i class="glyphicon glyphicon-upload red-remove" id="VehicleLicenseUploadSuccess"></i>
                                            </a>
                                            
                                        </div>

                                        <div ng-show="VehicleLicenseImageTool">
                                            <a ng-hide="clickVehicleLicenseOkPassState" ng-click="clickOkPass('VehicleLicenseImage')">
                                                <i ng-show="clickVehicleLicenseRemovePassState" class="glyphicon glyphicon-ok-circle blue-pass"></i>
                                            </a>
                                            <a ng-show="clickVehicleLicenseOkPassState" ng-click="clickOk('VehicleLicenseImage')">
                                                <i ng-show="clickVehicleLicenseRemovePassState" class="glyphicon glyphicon-ok"></i>
                                            </a>
                                            <a ng-hide="clickVehicleLicenseRemovePassState" ng-click="clickRemovePass('VehicleLicenseImage')">
                                                <i ng-show="clickVehicleLicenseOkPassState" class="glyphicon glyphicon-remove-circle blue-pass"></i>
                                            </a>
                                            <a ng-show="clickVehicleLicenseRemovePassState" ng-click="clickRemove('VehicleLicenseImage')">
                                                <i ng-show="clickVehicleLicenseOkPassState" class="glyphicon glyphicon-remove red-remove"></i>
                                            </a>
                                        </div>
                                    </div>

                                </div>

                            </div>
                        </div>
                        <div class="row form-group">
                            <label class="control-label pull-left col-md-1">说明</label>
                            <div class="col-md-6">
                                <textarea rows="4" class="form-control" id="fa-searchz" ng-model="selectedUser.Message" placeholder="请输入关键字"></textarea>
                            </div>
                        </div>
                        <!--//test-->
                        <!--<img src="" id="img0">
                        <img src="" id="img1">

                        <input type="file" id="file1" name="file" style="width: 50%" />
                        <input type="button" value="Upload File" ng-click="uploadFileInBlocks12()" />-->

                        <div class="form-group">
                            <label class="col-md-1 pull-left control-label"></label>
                            <div class="col-md-7">
                                <button class="pull-right-xs btn btn-sm btn-info btn-addon" ng-click="EditUserInfo()"><i class="fa fa-check"></i>确定</button>
                                <button ui-sref="app.management.user" class="pull-right-xs btn btn-sm btn-warning btn-addon "><i class="fa fa-reply"></i>返回</button>
                            </div>
                        </div>

                    </div>

                </div>
            </div>
        </div>
        <div class="table-responsive">
            <div ui-grid="userList" ui-grid-pagination style="min-height:420px"></div>
        </div>
    </div>

</div>